import React from "react";
import { Layout, Row, Col } from "antd";

import { useRouter } from "../hooks/useRouter";

const NotFound = () => {
  const { pathname } = useRouter();
  return (
    <Layout style={{ minHeight: "100vh" }}>
      <Row type="flex" justify="center">
        <Col xs={12} sm={10} md={8} lg={7} xl={5}>
          <div>
            <h3>
              No match for <code>{pathname}</code>
            </h3>
          </div>
        </Col>
      </Row>
    </Layout>
  );
};

export default NotFound;
